@import "~scss/_mixins";

.shareTooltip {
    display: flex; position: fixed; z-index: 20; right: 14px; bottom: 54px; width: var(--menu-width-value); height: 64px; border-radius: 8px; align-items: center; gap: 0px 12px;
    padding: 10px 12px 10px 16px; box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.20); background-color: var(--color-bg-primary);
    background-image: linear-gradient(90deg, #c5f3e5 0%, #f1ffc9 27.23%, #fff 54%);
}
.shareTooltip {
    .icon.smile { width: 71px; height: 40px; background-image: url('~img/icon/share/smile.svg') }
    .label { @include text-common; line-height: 20px; font-weight: 500; }
    .icon.close { background-color: var(--color-bg-primary); box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.20); background-image: url('~img/icon/notification/delete.svg'); background-size: 8px; }
}

.shareTooltip {
    .icon.close { width: 20px; height: 20px; border-radius: 50%; position: absolute; top: -8px; left: -8px; transition: $transitionAllCommon; }
}
